<?php
$title='详情';
include 'checklogin.php';
$id=daddslashes($_GET["id"]);
$data=$pdo->query("SELECT * FROM 9g_msg WHERE `id`='{$id}'")->fetch();
$im=explode(",",$data["image"]);
foreach($im as $k=>$v){
    $image.='  <a class="float-start" href="'.$v.'" title="证据截图">
    <div class="img-fluid"><img src="'.$v.'" alt="img-1" width="120"></div>
</a>';
}
   function data_act($data){
        $s=explode("||",$data);
        foreach($s as $k=>$v){
        $x.=$v.'<hr>';
        }
        return $x;
       }
        function type_if($id){
            global $pdo;
            return $pdo->query("SELECT * FROM 9g_type WHERE `id`='{$id}'")->fetch()["type"];
        }
?>

<!doctype html>
            <html lang="en">
            
            <head>
                <meta charset="utf-8">
                <title><?php echo $data["user"]; ?> | 黑名单记录-预览</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <meta name="description" content="" />
                <meta name="keywords" content="" />
                <link rel="shortcut icon" href="assets/images/favicon.ico"><!-- jvectormap -->
                <link href="../assets/css/jqvmap.min.css" rel="stylesheet"><!-- Bootstrap Css -->
                <link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"><!-- Icons Css -->
                <link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css"><!-- App Css-->
                <link href="../assets/css/app.min.css" rel="stylesheet" type="text/css">
                <link href="../assets/css/magnific-popup.css" rel="stylesheet" type="text/css">
            </head>
            
            <body data-topbar="light" data-layout="horizontal" data-layout-size="boxed">
                <!-- Start right Content here -->
                <!-- ============================================================== -->
                <div class="main-content">
            
                    <div class="container-fluid">
                        <!-- start page title -->
            
                        <div class="row">
            
                            <div class="col-md-8 offset-md-2">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row justify-content-center mt-3">
                                            <div class="col-lg-8">
                                                <div class="row">
            
                                                    <a href="#" onClick="javascript :history.back(-1);" class="btn btn-info waves-effect waves-light"><i class="ri-arrow-left-line align-middle ms-2"></i> 返回首页</a>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                        <div class="row justify-content-center mt-5">
                                            <div class="col-lg-10">
                                                <div class="row justify-content-center">
                                                    <div class="col-lg-8">
                                 
                                   <div class="faq-box d-flex mt-4">
                                       <div class="flex-shrink-0 me-3">
                                           <div class="avatar-xs"><img src="../assets/image/zp.png" alt="" width="30px" height="30px;"></div>
                                       </div>
                                       <div class="flex-grow-1">
                                           <h5 class="font-size-15">收录信息：</h5>
                                              <a href="#" style="margin-left:90%;" class="badge bg-info"><?php echo  type_if($data["type"]); ?></a><p style="color: red;"><?php echo  data_act($data["data"]); ?></p>
                                       </div>
                                   </div>
                                   <hr>
                                   <div class="faq-box d-flex mt-4">
                                       <div class="flex-shrink-0 me-3">
                                           <div class="avatar-xs"><img src="../assets/image/ly.png" alt="" width="30px" height="30px;"></div>
                                       </div>
                                       <div class="flex-grow-1">
                                           <h5 class="font-size-15">理由及证据：</h5>
                                           <p class="text-muted"><?php echo $data["msg"]; ?></p>
                                       </div>
                                   </div>
                                   <hr>
                                   <div class="faq-box d-flex mt-4">
                                       <div class="flex-shrink-0 me-3">
                                           <div class="avatar-xs"><img src="../assets/image/zj.png" alt="" width="30px" height="30px;"></div>
                                       </div>
                                       <div class="flex-grow-1">
                                           <h5 class="font-size-15">证据截图：</h5>
                                           <div class="popup-gallery">
                                               <?php echo $image; ?>                
         </div>
                                       </div>
                                   </div>
                                   <hr>
                               </div>
                                                    </div>
                                                </div><!-- end row -->
                                            </div>
                                        </div>
                                        <div class="row justify-content-center">
                                            <div class="col-lg-5">
                                                <div class="text-center mt-5 mb-4">
                                                    <h5>被恶意举报?</h5>
                                                    <p class="text-muted mb-4">如上述信息包含你的信息，并且对上述信息有异议，请联系客服出示证明解决</p>
                                                    <a href="http://wpa.qq.com/msgrd?v=3&uin=80808202&site=qq&menu=yes" type="button" class="btn btn-primary mt-1 waves-effect waves-light">联系客服</a>
                                                </div>
                                            </div>
                                        </div><!-- end row -->
                                    </div>
                                </div>
                            </div>
                        </div><!-- end row -->
                    </div><!-- container-fluid -->
                </div>
            
                <!-- Right Sidebar -->
                <!-- Right bar overlay-->
                <script src="../assets/js/jquery.min.js"></script>
                <script src="../assets/js/jquery.magnific-popup.min.js"></script>
                <script src="../assets/js/lightbox.init.js"></script>
            </body>
            
            </html>